Интерфейсы формируют коммуникации для всех. UI (UI — англ. user interface) веб-сайта является средством достижения цели. Задачей разработчика является создать интерфейс, который помогает пользователю достигать этого быстрее.

Иконки совершенны для интерфейсов, потому, что они передают значение без слов. Пользователи могут изучить как интерфейс работает, только рассмотрев зрительный ряд и взаимодействуя с элементами.

В этом посте я раскрою несколько различных способов использования иконок, чтобы улучшить качество UX (англ. User eXperience, UX) на веб-сайте. Нет никакого совершенного использования, но есть обобщенности между Иконками и улучшенным пользовательским опытом.

Расширенная навигация.

Иконки естественно помогают пользователям перемещаться через веб-сайт на основе одного только зрительного ряда. Лучшие Иконки — те, которых распознает большинство людей. Но Вы можете разработать Иконки для ссылок с текстом для более четкого удобства использования.

Не забывайте также включать текстовые метки для ссылок. Но даже с сайтом как Мой Собственный Велосипед Вы можете, по крайней мере, предположить, куда ссылки идут. Сайт находится полностью на немецком языке, но значки все еще дают ключ к разгадке.

Другая действительно важный иконка — иконка меню с тремя панелями. Ее также называют меню гамбургера и в то время как многие разработчики ненавидят его, больше людей немедленно понимает то, что означает этот символ.

Другая популярная тенденция — мега навигационное выпадающее меню. Это может быть найдено на сайтах, как Mashable, и у каждой ссылки есть маленькая стрелка вниз, чтобы указать выпадающее меню.

Ваши кнопки должны не всегда производить действие в браузере. Значки могут использоваться, чтобы помочь продать кнопку и управлять щелчком посетителя. ResumeBaking — потрясающий пример, где их CTA окружен значками с кривыми стрелками.